<template>
    <el-card class="box-card box">
        <div class="clearfix">
            <span v-if="obj.path" class="path">{{ obj.path }} / </span> <span class="title">{{ obj.title }}</span> - {{
                obj.msg }}
        </div>
    </el-card>
</template>

<script>
import { defineComponent } from "vue";
export default defineComponent({
    name: 'TopNav',
    props: ['obj'],
});
</script>

<style lang="less" scoped>
.box {
    margin-bottom: 10px;
}

.path {
    font-size: 24px;
    color: #b1b1b1;
}

.title {
    font-size: 24px;
    font-weight: bold;
}</style>